@import "../../assets/styles/variables";

.status {
  opacity: 0.7;
  color: $grey;
  display: flex;
  justify-content: center;

  &::before {
    content: '';
    margin-right: 3px;
    margin-top: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: $grey;
    border: 2px solid $white;
  }
}

.status--online {
  &::before {
    background-color: $green;
  }
}